<template>
    <div class="box" :style="Img" @click="isClick"></div>
</template>
<script setup lang="ts">
import {useRoute, useRouter} from 'vue-router'
import {computed} from 'vue'
const $router = useRouter()
const $route = useRoute()
const {id} = $route.query
const Img = computed(() => ({
    backgroundImage: `url(${id})`
}))
const isClick = () => {
    $router.replace({path:'/setting'})
}
</script>
<style scoped>
.box{
    width: 375px;
    height: 667px;
    /* background-color: red; */
    background-repeat: no-repeat;
    background-size: cover;
    background-color: red;
}
</style>